/*
SMALL STARS 11x11
*/
.stars{display: inline-block}
.stars.small{
    height: 11px;
}

.stars.small.red.star-1,
.stars.small.red.star-2,
.stars.small.red.star-3,
.stars.small.red.star-4,
.stars.small.red.star-5{
    background: url('../img/stars/s11x11_red.png') no-repeat 0 0 transparent
}

.stars.small.white.star-1,
.stars.small.white.star-2,
.stars.small.white.star-3,
.stars.small.white.star-4,
.stars.small.white.star-5{
    background: url('../img/stars/s11x11_white.png') no-repeat 0 0 transparent
}
.stars.small.black.star-1,
.stars.small.black.star-2,
.stars.small.black.star-3,
.stars.small.black.star-4,
.stars.small.black.star-5{
    background: url('../img/stars/s11x11_black.png') no-repeat 0 0 transparent
}

.stars.small.star-,
.stars.small.star-0{
    background: none;
    width: 1px
}
.stars.small.star-1{width: 11px}
.stars.small.star-2{width: 26px}
.stars.small.star-3{width: 39px}
.stars.small.star-4{width: 52px}
.stars.small.star-5{width: 65px}

/*
LARGE STARS 22x21
*/
.stars.large{
    height: 21px;
}

.stars.large.star-1,
.stars.large.star-2,
.stars.large.star-3,
.stars.large.star-4,
.stars.large.star-5{
    background: url('../img/stars/s19x19_orange.png') repeat-x 0 0 transparent
}
.stars.large.star-,
.stars.large.star-0{
    background: none;
    width: 1px
}
.stars.large.star-1{width: 19px}
.stars.large.star-2{width: 38px}
.stars.large.star-3{width: 56px}
.stars.large.star-4{width: 77px}
.stars.large.star-5{width: 95px}